$(function () {

    getdata();

    function getdata(page = 1, perpage = 10) {
        // 获取comment_tlist
        const url = '/admin/comment/search';
        ajax('get', url, {
            page,
            perpage
        }).then(res => {
            console.log(res.data.data)
            const ele = template('tabeltpl', {
                data: res.data.data
            })
            $('table').html(ele);
        })
    }

    // 删除功能
    $('table').on('click', '.delBtn', function () {
        if (confirm("您确定要删除此项文件吗?")) {
            const id = $(this).data('id');
            // 删除评论
            const url = '/admin/comment/delete';
            ajax('post', url, {
                id
            }).then(res => {
                if (res.code == 200) {
                    getdata();
                }
            })
        }
    })


    // 给底部的a绑定点击事件
    let page = 1;
    let index = 2;
    $('#pagination ul li').eq(index).addClass('active');
    $('#pagination').on('click', 'a', function (e) {
        e.preventDefault();
        // 第一步实现点击那个那个li高亮
        index = $(this).parent('li').index();

        let flag = $(this).text();

        if (flag === '首页') {
            if (page === 1) {
                $(this).parent('li').addClass('disabled');
                return;
            }
        } else if (flag === '上一页') {
            page--;
            if (page === 1) {
                page = 1;
                $(this).attr('disbaled', true);
                return;
            }
        } else if (flag === '下一页') {
            $(this).parents('li').siblings().removeClass('active');
            page++;
            // $(this).parent().slice(3, 10).removeClass('active');
            $(this).parents('li').siblings().eq(page).addClass('active');

            if (page >= $('#pagination ul li').length - 4) {
                $(this).parent('li').addClass('disabled');
                page = $('#pagination ul li').length - 4;
                return;
            }
            console.log("1111");

        } else if (flag === '尾页') {
            page = $('#pagination ul li').length - 4;
        } else {
            page = flag;
            // 判断是否是最后一个
            if (page > $('#pagination ul li').length - 4) {
                $(this).parent('li').next().addClass('disabled');
            } else {
                $(this).parents('li').siblings().eq(page).addClass('active');
                $(this).parent('li').next().removeClass('disabled');
            }

        }
        // getdata(page);
    })
})